<template>
  <div>
    <HighModal
      :isShow="isShow"
      @setIsShow="e=>$emit('setIsShow', e)"
      :title="'导入JSON'"
      :styleObj="{top: '40px'}"
      :isShowFoot="false"
      :footSlot="true"
    >
      <template>
        <div class="fs14 pt20 pl30 pr30 pb30 none rel" style="width:1200px;height:640px;">
          <Input v-if="isEdit" type="textarea" :rows="28" class="" v-model="outerText" placeholder="请输入json" />
          <!-- <pre
            v-else
            class="bgf abs trbl0 rds5"
            :spellcheck="false"
            style="left:30px;top:20px;bottom:22px;right:30px;border:1px solid #ccc;outline:none;"
          >
            <div @input="changeImportJson" :contenteditable="true" v-html="outerText" class="pl10 pr10 pt10 pb10 abs trbl0 ovya" style="outline:none;"></div>
          </pre> -->
        </div>
      </template>
      <template v-slot:footer>
        <div class="f ac xc pt10 pl10 pr15 pb10 rds5" style="background:#f5f7fa;border-radius:0 0 5px 5px;">
          <div @click.stop="$emit('setIsShow', false)" class="g1aada7 poi mr20 rds4 f ac xc fs14" style="border:1px solid #1aada7;width:100px;height:32px;">关闭</div>
          <!-- <div @click.stop="formateImportJson" class="g1aada7 poi mr20 rds4 f ac xc fs14" style="border:1px solid #1aada7;width:100px;height:32px;">{{importJsonObj.isEdit ? '格式化' : '编辑'}}</div> -->
          <div @click.stop="outerText=''" class="g1aada7 poi mr20 rds4 f ac xc fs14" style="border:1px solid #1aada7;width:100px;height:32px;">清空</div>
          <div @click.stop="importJson" class="gf poi mr10 rds4 f ac xc fs14" style="background:#1AADA7;border:1px solid #1aada7;width:100px;height:32px;">导入</div>
        </div>
      </template>
    </HighModal>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>